<template>
  <div class="layout">
    <Menu />
    <div class="layout_right">
      <Header></Header>
      <div class="content_box">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script setup >
import { ref, reactive } from "vue";
import Menu from "@/components/Menu/index.vue";
import Header from "@/components/Header/index.vue";
// import Content from "@/components/Content/index.vue";
</script>

<style lang="scss" scoped>
.layout {
  flex: 1;
  display: flex;
  .layout_right {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
}
</style>